.step{
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    font-weight: 600;
    display: flex;
    box-shadow:2px 2px 1px #ccc;
    cursor: pointer;
}
.step .s-num{
    display: block;
    background-color: #80868B;
    border-radius: 50%;
    color: white;
    margin-right: 10px;
    min-width: 23px;
    width: 23px;
    height: 23px;
    text-align: center;
}
.step .s-text{
    display: block;
    color: #80868B;
}
.s-active .s-num{
    background-color: #1A73E8;
}
.s-active .s-text{
    color: black;
}
.s-content div{
    margin: 20px 50px;
    padding: 20px;
    border: 1px solid #CCC;
    border-radius: 10px;
    box-shadow: 1px 5px 10px #ccc;
}
article {
    color: #5c5c5c;
    margin: 60px 0;
}
article h1{
    font-size: 32px;
}
article h2{
    font-size: 28px;
    margin: 0;
}
article h3{
    font-size: 20px;
    margin: 0;
}
article p{
    font-size: 14px;
}
article a{
    color: #1a73eb;
}
article ul{
    font-size: 14px;
}
button.back{
    display: block;
    float: left;
    width: 100px;
    color: #1a73eb;
    font-weight: 600;
}
button.next{
    display: block;
    float: right;
    font-weight: 600;
    width: 100px;
}
article pre{
    padding: 0;
}
.s-sidebar{
    position: fixed;
    top: 90px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 0 10px;
    width: 250px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: white;
    border-right: 1px solid #eee;
}
/*margin: 0; z-index: 100*/
.s-breadcrumb{
    position: fixed;
    width: 100%;
    height: 40px;
    top: 50px;
    bottom: 0;
    left: 0;
    z-index: 100;
    margin: 0;
}
article img{
    vertical-align: middle;
    width: 100%;
    border: 1px solid #ccc;
    box-shadow: rgb(0 0 0) 0 0 8px;
    margin: 10px 0;
}
@media screen and ( max-width: 768px ){
    .s-content div{
        margin: 20px 0;
        border: 1px solid #CCC;
        border-radius: 10px;
        box-shadow: 1px 5px 10px #ccc;
    }
    /*article {*/
    /*    color: #5c5c5c;*/
    /*    margin: 60px 0;*/
    /*}*/
}
@media screen and ( min-width: 769px ){
    .s-content div{
        margin: 20px 50px;
        padding: 20px;
        border: 1px solid #CCC;
        border-radius: 10px;
        box-shadow: 1px 5px 10px #ccc;
    }
    article{
        margin: 60px;
    }
}